<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!--注册页面-->
<!--导航栏要有首页、登录、注册链接-->
<!--用户名、密码、手机号、邮箱-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Shoppe官网注册</title>
    <!--	用base标签永远固定相对路径跳转时的效果-->
    <%String basePath= request.getScheme()
            +"://"
            +request.getServerName()
            +":"
            +request.getServerPort()
            +request.getContextPath()
            +"/";
    %>
    <base href="<%=basePath%>">
    <link href="css/register.css" type="text/css" rel="stylesheet">
    <script type="text/javascript" src="js/register.js"></script>
</head>
<body>
    <div class="header"><!--页面顶部栏-->
        <img src="static/img/login/logo.png" alt="编组">
    </div>
<div class="background1">
    <div class="cont">
        <p class="class1">注册</p>
        <div id="hint" class="hint"><img src="static/img/login/bulb.png" class="bulb">${empty requestScope.msg ? "请输入以下内容":requestScope.msg}</div>
        <form action="userServlet?action=register" method="post">
            <p><label>账号：</label><input value="${requestScope.username}" type="text" required="required" placeholder="用户名" onblur="checkName();" id="username" name="username"></p>
            <div id="info_name" class="info_area"></div>
            <p><label>密码：</label><input value="${requestScope.password}" type="password" required="required" placeholder="密码" onblur="checkPassword(1)" id="password" name="password"></p>
            <div id="info_password" class="info_area"></div>
            <p><label>确认密码：</label><input value="${requestScope.password}" type="password" required="required" placeholder="确认密码" onblur="checkPassword(2);" id="repassword" name="repassword"></p>
            <div id="info_repassword" class="info_area"></div>
            <p>
            <p><label>手机号：</label><input value="${requestScope.phone}" type="text" required="required" placeholder="手机号" onblur="checkPhone();" id="phone" name="phone"></p>
            <div id="info_phone" class="info_area"></div>
            <p>
            <p><label>邮箱：</label><input value="${requestScope.email}" type="text" required="required" placeholder="邮箱" onblur="checkMailbox();" id="mailbox" name="email"></p>
            <div id="info_mailbox" class="info_area"></div>
            <p><input type="checkbox" class="checkbox" onclick="Get(this)"><span class="fc">已阅读并同意Shoppe账号</span><a target="_blank" href="https://static.account.xiaomi.com/html/agreement/user/zh_CN.html" class="link1">用户协议</a><span class="fc">和</span><a href="https://privacy.mi.com/miaccount/zh_CN/" target="_blank" class="link1">隐私政策</a>
            </p>
            <p>
                <button type="submit" onclick="checkAll()" id="button1">注册</button>
            </p>

        </form>
    </div>
</div>
<p class="bottom">Shoppe公司版权所有-京ICP备10046444-京公网安备11010802020134号-京ICP证110507号</p>
</body>
</html>